<template>
  <div>
    <!-- <input v-model="inputVal" /> -->
    <input @input="onChange" :value="value" />
    {{ value }}
  </div>
</template>

<script>
// v-model就是vue2中，就是一个input事件和一个value值的合称
// 默认接受一个props为value的值
export default {
  props: ['value'],
  methods: {
    onChange(v) {
      // console.log(v.target.value)
      // this.value = v.target.value
      this.$emit('input', v.target.value)
    },
  },
}
</script>

<style></style>
